<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>学工管理学生信息</title>
    <link th:href="@{/layui/css/layui.css}" rel="stylesheet" />
    <style>
.selectButton{
    float: left;
    margin-left: 10px;
    height: 30px;
    width: 70px;
    border: none;
    background-color: rgb(22, 155, 213);
    color: white;
}
        table{
            width: 90%; font-size: 16px;text-align: center;margin: 0 auto;
            border-collapse: separate;border-spacing: 0;border: 2px #e0e0e0;
            margin-top: 20px;
        }
        td {
            border-bottom: 2px solid #eaeaea;
        }
        .tr1{
            background: #efefef;font-size: 14px;height:50px;
        }
        .tr2{
            height: 60px;border-bottom: 2px solid #eaeaea;font-size: 13px;
        }
input{
    width:15%;
    height: 30px;
    float: left;
    border-radius: 3px;
    border-color: rgb(224, 224, 224);
    border-style: solid;
    border-width: 1px;
    text-indent: 5px;
    margin-left: 5px;

}
select{
    width: 15%;
    height: 30px;
    float: left;
    border-radius: 3px;
    border-color: rgb(224, 224, 224);
    border-style: solid;
    border-width: 1px;
    text-indent: 5px;
    margin-left: 5px;
}
.search{
    width:1300px;
    height:60px;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 60px;
}

    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">

    <!-- header -->
    <div th:replace="~{commons/header::header}"></div>

    <!-- left -->
    <div th:replace="~{commons/instructorLeft::left}"></div>
    <!-- 内容主体区域 -->
    <div class="layui-body">
        <div style="padding: 30px  ;">
            <h1 style="text-align: center">学生信息管理</h1>
            <div class="search">

            <form action="/instructor_select_class" method="get">
          <select name="major">

               <option vlaue="--请选择所带专业--">--请选择所带专业--</option>
            <option vlaue="全部">全部</option>
            <option th:each="major:${major}" th:text="${major.getStuMajor()}"  ></option>
        </select>
                <input type="text" name="stuName" placeholder="请输入姓名">
                <input type="text" name="stuId" placeholder="请输入学号">
                <input type="submit" value="查询" class="selectButton">
            </form>
            </div>
            <div calss="padding">
                <table class="pure-table" >
                    <thead>
                    <tr class="tr1">
                        <th>年级</th>
                        <th>学院</th>
                        <th>专业</th>
                        <th>班级</th>
                        <th>学号</th>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="tr2" th:each="instructorStuInfo:${instructorStuInfo}" >
                        <td th:text="${instructorStuInfo.getStuGrade}" style="color: #00b4ef"></td>
                        <td th:text="${instructorStuInfo.getStuCollege}"> </td>
                        <td th:text="${instructorStuInfo.getStuMajor}"></td>
                        <td th:text="${instructorStuInfo.getStuClass}"> </td>
                        <td th:text="${instructorStuInfo.getStuId}"> </td>
                        <td th:text="${instructorStuInfo.getStuName}"> </td>
                        <td th:text="${instructorStuInfo.getStuSex}"> </td>
                        <td>
                            <a th:href="@{'/instructor_stu_detail/'+${instructorStuInfo.getStuId()}}" style="color: #00b4ef;">详情</a>|
                            <a th:href="@{'/to_instructor_update_stu/'+${instructorStuInfo.getStuId()}}" style="color:red;">修改</a>
                        </td>
                    </tr>
                    </tbody>

                </table>



            </div>
            </div>
        </div>
    </div>
</div>
<script th:src="@{/layui/layui.js}"></script>
<script>
    //JavaScript代码区域
    layui.use('element', function() {
        var element = layui.element;
    });

</script>
</body>
</html>